<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta name="x5-fullscreen" content="true">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
	<title>HOLA推荐：乐聚十一，惠不可挡</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script type="text/javascript" src="js/loading.js"></script>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script id="DS_PRE_JS" type="text/javascript" src="http://cdn.datastory.com.cn/js/pre-ds-min.js?dsTid=c1fb15cd-81bf-47cb-a4fc-42243b296acc"></script>
	<script type="text/javascript">
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?6e255c236014831dd89390b170626765";
	  var s = document.getElementsByTagName("script")[0];
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>
	<script type="text/javascript" src="js/idangerous.swiper.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div id="loading">
        <p class="text">Loading....</p>
        <div class="schedule">
            <div class="white"></div>
            <div class="bule" id="loading-schedule"></div>
        </div>
    </div>
	<div class="swiper-container">
	  	<div class="swiper-wrapper">
	    	<div class="swiper-slide index-1">
	    		<img class="title1" js-show="my-show" src="img/1.1.png">
	    		<img class="title2" js-show="bounceIn" js-delay="800" src="img/1.2.png">
	    		<img class="title3" js-show="my-show" js-delay="1400" src="img/1.3.png">
	    	</div>
	    	<div class="swiper-slide index-2">
	    		<img class="title1" js-show="my-show" src="img/2.1.png">
	    		<img class="title2" js-show="my-show" js-delay="800" src="img/2.2.png">
	    		<img class="title3" js-show="bounceIn" js-delay="1400" src="img/2.3.png">
	    		<img class="title4" js-show="bounceIn" js-delay="1800" src="img/2.4.png">
	    	</div>
	    	<div class="swiper-slide index-3">
	    		<img class="title1" js-show="my-show" js-delay="0" src="img/3.1.png">
	    		<img class="title2" js-show="my-show" js-delay="400" src="img/3.2.png">
	    		<img class="title3" js-show="my-show" js-delay="800" src="img/3.3.png">
	    		<img class="title4" js-show="bounceIn" js-delay="1200" src="img/3.4.png">
	    		<img class="title5" js-show="bounceIn" js-delay="1200" src="img/3.5.png">
	    		<img class="title6" js-show="bounceIn" js-delay="1200" src="img/3.6.png">
	    		<img class="title7" js-show="bounceIn" js-delay="1200" src="img/3.7.png">
	    		<img class="title8" js-show="my-show" js-delay="1600" src="img/3.8.png">
	    	</div>
	    	<div class="swiper-slide index-4">
	    		<img class="title1" js-show="bounceIn" src="img/4.1.jpg">
	    	</div>
	    	<div class="swiper-slide index-5">
	    		<img class="title1" js-show="bounceIn" src="img/5.1.jpg">
	    	</div>
	    	<div class="swiper-slide index-6">
	    		<img class="title1" js-show="bounceIn" src="img/6.1.jpg">
	    		<img class="title2" js-show="bounceIn" js-delay="400" src="img/6.2.png">
	    		<img class="title3" js-show="bounceIn" js-delay="800" src="img/6.3.png">
	    		<img class="title4" js-show="bounceIn" js-delay="1200" src="img/6.4.png">
	    	</div>
	    	<div class="swiper-slide index-7">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/7.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-8">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/8.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-10">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/10.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-11">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/11.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-12">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/11.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-13">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/13.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-14">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/13.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-15">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/15.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-16">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/15.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-17">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/17.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-18">
	    		<div class="title1" js-show="bounceIn">
		    		<img class="bg7" src="img/18.1.png">
	    		</div>
	    	</div>
	    	<div class="swiper-slide index-19">
	    		<img class="title1" js-show="my-show" js-delay="0" src="img/19.1.png">
	    		<img class="title2" js-show="bounceIn" js-delay="400" src="img/19.2.png">
	    	</div>
	    	<div class="swiper-slide index-20">
	    		<img class="title1" js-show="bounceIn" js-delay="0" src="img/20.1.png">
	    	</div>
	    	<div class="swiper-slide index-9">
	    		<img class="title1" js-show="my-show" js-delay="0" src="img/9.1.png">
	    		<img class="title2" js-show="my-show" js-delay="400" src="img/9.2.png">
	    		<img class="title3" js-show="my-show" js-delay="800" src="img/9.3.png">
	    	</div>
	    	<div class="swiper-slide index-21">
	    		<img class="logo" src="img/end-logo.png">
	    		<img class="qr" src="img/end-qr.jpg">
	    		<img class="text" src="img/end-text.jpg">
	    	</div>
	  	</div>
	  	<img class="to-bottom" src="img/bottom.png">
	</div>
    <div class="music" id="music">
        <img class="open" src="" width="100%">
        <img class="close" src="" width="100%">
        <audio id="audio" src="mp3/music.mp3" preload="preload" loop="loop" autoplay="autoplay" style="position: absolute; left: 0px; top: 0px;"></audio>
    </div>
</body>
<script type="text/javascript" src="js/sound.js"></script>
</html>